<%--
  Created by IntelliJ IDEA.
  User: xiaochanzi
  Date: 2018/5/29
  Time: 22:16
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
    <meta name="renderer" content="webkit">
    <title>监控页面</title>
    <style>
        body{margin:0;text-align: center;}
        video{max-width: 1000px;width: 100%;}
    </style>
</head>
<script>
</script>
<body style="overflow: hidden; ">
<script src="https://open.ys7.com/sdk/js/1.3/ezuikit.js"></script>

<video id="myPlayer" poster="<%=request.getContextPath()%>/resources/img/loading2.gif" controls playsInline webkit-playsinline autoplay>
    <%--<source src="rtmp://rtmp.open.ys7.com/openlive/f01018a141094b7fa138b9d0b856507b" type="" />--%>
    <source src="${monitor.videoAddress}" type="application/x-mpegURL" />
</video>
<p style="text-align: center; font-size: 22px;">视频监控</p>
<script>
    var player = new EZUIPlayer('myPlayer');
    player.on('error', function(){
        console.log('error');
    });
    player.on('play', function(){
        console.log('play');
    });
    player.on('pause', function(){
        console.log('pause');
    });

</script>
</body>
</html>
